<link rel="import" href="packages/spark_widgets/spark_menu/spark_menu.html">
<link rel="import" href="packages/spark_widgets/spark_menu_item/spark_menu_item.html">
<link rel="import" href="packages/spark_widgets/spark_menu_separator/spark_menu_separator.html">

<polymer-element name="example-ui">
  <template>
    <link rel="stylesheet" href="../common/example_ui.css">

    <spark-menu valueAttr="name" selected="email" on-activate="{{activateHandler}}">
      <spark-menu-item name="post" label="Post a Comment" description="Ctrl-P">
      </spark-menu-item>
      <spark-menu-separator></spark-menu-separator>
      <spark-menu-item name="share" label="Share Link">
      </spark-menu-item>
      <spark-menu-item name="email" label="Email Link">
        <span>to johndoe@somewhere.com</span>
      </spark-menu-item>
      <spark-menu-item name="favorite" icon="../resources/add.png" label="Add to Favorites">
      </spark-menu-item>
      <spark-menu-item name="bookmark" icon="../resources/add.png" label="Add Bookmark" description="Ctrl-B">
      </spark-menu-item>
    </spark-menu>

    <div>{{message}}</div>
  </template>

  <script type="application/dart" src="example_ui.dart"></script>
</polymer-element>
